/*
 * Copyright (c) 2021 Huawei Device Co., Ltd.
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import router from '@system.router';
import OptionsMenuParams from './optionsMenuParams';

export default {
  props: ['menuData'],
  data: {
    menuOptions: [],
    isDarkMode: false,
  },
  computed: {
    showMenu() {
      return this.menuOptions && this.menuOptions.length > 0;
    },
    bindId() {
      return (this.menuOptions && this.menuOptions.length > 1) ? 'menu-target' : '';
    }
  },
  onInit() {
    this.$watch('menuData', 'initMenuData');
    this.initSystemConfig();
    this.initMenuData();
  },
  initSystemConfig() {
    this.isDarkMode = this.$app.$def.globalData.isDarkMode;
  },
  initMenuData() {
    if (this.menuData) {
      this.menuOptions = OptionsMenuParams.getData(this.menuData)
    }
  },
  jumpNext() {
    let option = this.menuOptions[0];
    if (option) {
      router.push({
        uri: option.uri,
      });
    }
  },
  onMenuSelected: function (e) {
    let option = this.menuOptions[e.value];
    router.push({
      uri: option.uri,
    });
  },
}